<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <title>职位浏览</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!--  <link rel="stylesheet" href="comm/bootstrap-4.4.1-dist/css/bootstrap.css">
    <link rel="stylesheet" href="comm/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">-->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <style>
        a:hover{
            text-decoration: none;
        }
        a:focus,a:active{
            outline: 0;
        }

        /* 订单图片大小 */
        .money-icon{
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 10px;
            text-align: center;
            line-height: 20px;
            background-color: orange;
            color: white;
            font-size: 0.7rem;
            font-style: normal;
        }
        .zhifu-img{
            height: 80px;
        }
    </style>
</head>
<body>


<div class="container-fluid mt-5 pt-5">
    <div class="row">
        <div class="col-lg-2 position-fixed text-center overflow-auto" style="height: 570px;">
            <div>
                <img class="img-thumbnail" src="img/mps.jpg" alt="">
            </div>
            <p class="h6 mt-3"><span id="user_id">10010</span><span >喵帕斯！</span你好</p>
        </div>
        <div class="col-lg-10 offset-2 border-left">
            <div class="row">
                <div class="col-lg-12">
                    <a name="myorder"></a>
                    <p class="h6 mt-3 pb-2 border-bottom" style="padding-top: 100px;">职位浏览</p>
                </div>
                <div class="col-lg-12 ">
                    <div class="row">
                        <div class="col-lg-4">
                            <strong>职位</strong>
                        </div>
                        <div class="col-lg-1">
                            <strong>企业编码</strong>
                        </div>
                        <div class="col-lg-1">
                            <strong>薪资</strong>
                        </div>
                        <div class="col-lg-1">
                            <strong>操作</strong>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12"   id="div_order">
                    <div class="bg-light p-3 ">
                        <strong>阿里巴巴</strong>
                        <span class="ml-5">信息安全,物联网 不需要融资 北京·万寿寺</span>
                        <span></span>
                    </div>
                    <div class="row border border-top-0 align-items-center ml-0 mr-0">
                        <div class="col-lg-4">
                            <span>J6673</span>
                            <img src="img/aliaba.png" height="80" alt="">
                            <span>JAVA开发工程师</span>
                        </div>
                        <div class="col-lg-1">
                            A10101
                        </div>
                        <div class="col-lg-1">
                            <i class="fa fa-rmb">20-30K</i>
                        </div>
                        <div class="col-lg-3">
                            <a href="javascript:void(0);" onclick="operation('A10101','click')">点击|</a>
                            <a href="javascript:void(0);" onclick="operation('A10101','job_collect')">收藏|</a>
                            <a href="javascript:void(0);" onclick="operation('A10101','cv_send')">投简历|</a>
                            <a href="javascript:void(0);" onclick="operation('A10101','cv_upload')">上传简历</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12"   id="div_order">
                    <div class="bg-light p-3 ">
                        <strong>阿里巴巴</strong>
                        <span class="ml-5">信息安全,物联网 不需要融资 北京·万寿寺</span>
                        <span></span>
                    </div>
                    <div class="row border border-top-0 align-items-center ml-0 mr-0">
                        <div class="col-lg-4">
                            <span>J6673</span>
                            <img src="img/aliaba.png" height="80" alt="">
                            <span>JAVA开发工程师</span>
                        </div>
                        <div class="col-lg-1">
                            A10102
                        </div>
                        <div class="col-lg-1">
                            <i class="fa fa-rmb">10-15K</i>
                        </div>
                        <div class="col-lg-3">
                            <a href="javascript:void(0);" onclick="operation('A10102','click')">点击|</a>
                            <a href="javascript:void(0);" onclick="operation('A10102','job_collect')">收藏|</a>
                            <a href="javascript:void(0);" onclick="operation('A10102','cv_send')">投简历|</a>
                            <a href="javascript:void(0);" onclick="operation('A10102','cv_upload')">上传简历</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12"   id="div_order">
                    <div class="bg-light p-3 ">
                        <strong>阿里巴巴</strong>
                        <span class="ml-5">信息安全,物联网 不需要融资 北京·万寿寺</span>
                        <span></span>
                    </div>
                    <div class="row border border-top-0 align-items-center ml-0 mr-0">
                        <div class="col-lg-4">
                            <span>J6673</span>
                            <img src="img/aliaba.png" height="80" alt="">
                            <span>JAVA开发工程师</span>
                        </div>
                        <div class="col-lg-1">
                            A1333
                        </div>
                        <div class="col-lg-1">
                            <i class="fa fa-rmb">11-20K</i>
                        </div>
                        <div class="col-lg-3">
                            <a href="javascript:void(0);" onclick="operation('A1333','click')">点击|</a>
                            <a href="javascript:void(0);" onclick="operation('A1333','job_collect')">收藏|</a>
                            <a href="javascript:void(0);" onclick="operation('A1333','cv_send')">投简历|</a>
                            <a href="javascript:void(0);" onclick="operation('A1333','cv_upload')">上传简历</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12"   id="div_order">
                    <div class="bg-light p-3 ">
                        <strong>阿里巴巴</strong>
                        <span class="ml-5">信息安全,物联网 不需要融资 北京·万寿寺</span>
                        <span></span>
                    </div>
                    <div class="row border border-top-0 align-items-center ml-0 mr-0">
                        <div class="col-lg-4">
                            <span>J6673</span>
                            <img src="img/aliaba.png" height="80" alt="">
                            <span>JAVA开发工程师</span>
                        </div>
                        <div class="col-lg-1">
                            B34D21
                        </div>
                        <div class="col-lg-1">
                            <i class="fa fa-rmb">20-30K</i>
                        </div>
                        <div class="col-lg-3">
                            <a href="javascript:void(0);" onclick="operation('B34D21','click')">点击|</a>
                            <a href="javascript:void(0);" onclick="operation('B34D21','job_collect')">收藏|</a>
                            <a href="javascript:void(0);" onclick="operation('B34D21','cv_send')">投简历|</a>
                            <a href="javascript:void(0);" onclick="operation('B34D21','cv_upload')">上传简历</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
</div>
　<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="comm/bootstrap-4.4.1-dist/js/bootstrap.js"></script>
<script src="js/header.js" type="text/javascript"></script>

</body>

<script>


    function operation(job_code,action) {
        $.ajax({
            url: 'http://192.168.181.135/operation',
            type: 'POST',
            contentType: 'application/json;charset=utf-8',
            dataType: 'json',
            data:{
                user_id:$("#user_id").html(),
                act_time:  new Date().getTime(),
                action:action,
                job_code:job_code
            },
            success: function (data) {
                alert("data")

            }
        })
    }
</script>
</html>